<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块级元素和行内元素</title>
</head>
<body>

<!--块级元素,独占一行-->
<marquee>天下没有学不会的技术</marquee>
<h1>
    天下没有学不会的技术
</h1>
<h2>天下没有学不会的技术</h2>
<p>天下没有学不会的技术</p>
<p>天下没有学不会的技术</p>
<div>天下没有学不会的技术</div>
<div>天下没有学不会的技术</div>

<!--行内元素,特点:不独占一行-->
<input type="text">
<input type="text">
<span>天下没有学不会的技术</span>
<span>天下没有学不会的技术</span>

</body>
</html>

<!--
块级元素中能写:行内元素,块级元素   特殊规则:h1-h6不能互相嵌套,p标签不能写块元素
行内元素中能写行内元素,但不能写块级元素,否则会出现浏览器错乱
-->